<template>
  <main class="statistical_container">
    <h2>样本统计展示</h2>
    <main class="flex flex-between main-container">
      <section class="common-section">
        <div class="twoTitle">
          <h3>智能决策样本</h3>
        </div>
        <div class="flex flex-between main-container subtitle-back">
          <section class="common-section">
            <div class="twoTitle">
              <h3>信息统计</h3>
            </div>
            <div class="informationStatistics flex-between flex">
              <div class="num">
                <p class="title">决策样本总数</p>
                <p class="statistical_num">102</p>
              </div>
              <div class="num">
                <p class="title">标注样本数量</p>
                <p class="statistical_num">102</p>
              </div>
            </div>
            <div class="informationStatistics flex-between flex footerStatistics">
              <div class="footer">
                <p class="title">样本优良率</p>
                <p class="statistical_num">51</p>%
              </div>
            </div>
          </section>
          <section class="common-section">
            <div class="twoTitle">
              <h3>数据分析</h3>
            </div>
            缺切图，暂时没加
          </section>
        </div>
      </section>
      <section class="common-section">
        <div class="twoTitle">
          <h3>任务案例样本</h3>
        </div>
        <div class="flex flex-between main-container subtitle-back">
          <section class="common-section">
            <div class="twoTitle">
              <h3>信息统计</h3>
            </div>
            <div class="informationStatistics flex-between flex">
              <div class="num">
                <p class="title">决策样本总数</p>
                <p class="statistical_num">102</p>
              </div>
              <div class="num">
                <p class="title">标注样本数量</p>
                <p class="statistical_num">102</p>
              </div>
            </div>
            <div class="informationStatistics flex-between flex footerStatistics">
              <div class="footer">
                <p class="title">样本优良率</p>
                <p class="statistical_num">51</p>%
              </div>
            </div>
            <div class="informationStatistics flex-between flex">
              <div class="circle">
                <p class="statistical_num">102</p>
                <p class="title">点目标案例</p>
              </div>
              <div class="circle">
                <p class="statistical_num">102</p>
                <p class="title">动目标案例</p>
              </div>
              <div class="circle">
                <p class="statistical_num">102</p>
                <p class="title">区域目标案例</p>
              </div>
              <div class="circle">
                <p class="statistical_num">102</p>
                <p class="title">资源利用率</p>
              </div>
            </div>
          </section>
          <section class="common-section">
            <div class="twoTitle">
              <h3>数据分析</h3>
            </div>
            缺切图，暂时没加
          </section>
        </div>
      </section>

    </main>
  </main>
</template>


<script src="./index.js"></script>
<style lang="scss" src="./index.scss" scoped></style>
